<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
   <form action="test.html">
            <!--
                HTML5 新的 Input 类型
                HTML5 拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证。

                本章全面介绍这些新的输入类型：
                email 
                url 
                number 
                range 
                Date pickers (date, month, week, time, datetime, datetime-local) 
                search 
                color 
              -->
              <!-- 
                  电子邮件类型  
               -->
              E-mail: <input type="email" name="user_email" /> 
              <hr>  
              <!-- 
                  url类型
               -->
              Homepage: <input type="url" name="user_url" />
              <hr/>
              <!-- 
                  number类型
                    min： 最小值
                    max： 最大值                    
               -->
              Points: <input type="number" name="points" min="1" max="10" />
             <hr/>
             <!-- 
                 数值的范围类型   rang：范围
                 min： 最小值
                    max： 最大值   
              -->
             <input type="range" name="points" min="18" max="80" />
             <hr/>
             <!-- 
                 选择日期类型  不建议使用 建议使用第三方插件
              -->
           <input type="date">
           <hr/>
           <input type="search">
           <hr>
           <!-- 
            颜色收集器
            -->
           <input type="color" name="" id="">


              <button>提交</button>
   </form>

</body>
</html>